/**
 * 学习目标：props-设置默认值
 */
import React from 'react';

export default class App extends React.Component {
  render() {
    return (
      <div>
        <Child />
        <Footer />
      </div>
    );
  }
}

class Child extends React.Component {
  render() {
    return <div>Child - {this.props.msg}</div>;
  }
}

Child.defaultProps = {
  msg: 'hello React',
};

// Footer.defaultProps = {
//   msg: 'hello Vue3',
// };

// 👍 结构props时, 直接设置默认值
function Footer({ msg = 'hello TS' }) {
  return <h2>Footer - {msg}</h2>;
}
